<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合同详情</title>
    <link rel="stylesheet" type="text/css" href="./lib/element-ui.min.css" />
</head>
<body>
<div class="contract" id="agentDetail">
    <div >
        <el-button @click="goBack" type="text" icon="el-icon-back">返回</el-button>
    </div>
  <img src="./img/header/agentDetail.png" style="width: 100%" alt="Logo" id="agentDetail1" class="logo">
</div>
<script type="text/javascript" src="./lib/vue.min.js"></script>
<script type="text/javascript" src="./lib/element-ui.min.js"></script>
<script type="text/javascript">



  const vm = new Vue({ // 配置对象 options
    el: '#agentDetail',  // element: 指定用vue来管理页面中的哪个标签区域
    data() {
      return {
        loading: false
      }
    },
    mounted() {


    },
    methods: {
        goBack(){
            console.log('go back');
            const contentFrame = parent.document.getElementById('content-frame');
            contentFrame.src = 'agentDraft.html';
        }
    }

  })


</script>
</body>
</html>
